<template>
  <el-menu
    :default-openeds="['1', '3']"
    default-active="/"
    unique-opened
    router
  >
    <el-submenu index="1-0">
      <template slot="title"
        ><i class="el-icon-s-management"></i>TypeScript</template
      >
      <el-menu-item index="/book/vnoteindex/TypeScript"
        ><i class="el-icon-s-claim"></i>TypeScript</el-menu-item
      >
    </el-submenu>
    <el-submenu index="1-1">
      <template slot="title"
        ><i class="el-icon-s-management"></i>Day思维导图-1</template
      >
      <el-menu-item index="/book/vnoteindex/instruct"
        ><i class="el-icon-s-claim"></i>Vue指令</el-menu-item
      >
    </el-submenu>
    <el-submenu index="1-2">
      <template slot="title"
        ><i class="el-icon-s-management"></i>Day思维导图-2</template
      >
      <el-menu-item index="/book/vnoteindex/watchCom"
        ><i class="el-icon-s-claim"></i>Vue 计算属性和侦听器</el-menu-item
      >
    </el-submenu>
    <el-submenu index="1-3">
      <template slot="title"
        ><i class="el-icon-s-management"></i>Day思维导图-3</template
      >
      <el-menu-item index="/book/vnoteindex/componetv"
        ><i class="el-icon-s-claim"></i>Vue 组件基础</el-menu-item
      >
    </el-submenu>
    <el-submenu index="1-4">
      <template slot="title"
        ><i class="el-icon-s-management"></i>Day思维导图-4</template
      >
      <el-menu-item index="/book/vnoteindex/cycle"
        ><i class="el-icon-s-claim"></i>Vue 生命周期</el-menu-item
      >
    </el-submenu>
    <el-submenu index="1-5">
      <template slot="title"
        ><i class="el-icon-s-management"></i>Day思维导图-5</template
      >
      <el-menu-item index="/book/vnoteindex/rabbet"
        ><i class="el-icon-s-claim"></i>Vue 组件插槽</el-menu-item
      >
    </el-submenu>
    <el-submenu index="1-6">
      <template slot="title"
        ><i class="el-icon-s-management"></i>Day思维导图-6</template
      >
      <el-menu-item index="/book/vnoteindex/VueRouters"
        ><i class="el-icon-s-claim"></i>Vue 路由</el-menu-item
      >
    </el-submenu>
    <el-submenu index="1-7">
      <template slot="title"
        ><i class="el-icon-s-management"></i>Day思维导图-7</template
      >
      <el-menu-item index="/book/vnoteindex/Vuexss"
        ><i class="el-icon-s-claim"></i>Vuex使用</el-menu-item
      >
    </el-submenu>
  </el-menu>
</template>

<script>
export default {}
</script>

<style></style>
